<!DOCTYPE html>
<html lang="en" class="ui-page">
	<head>
		<meta charset="UTF-8">
		<title>贷款申请</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/icons-extra.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
	</head>
	<body>
		<!-- 公共头部 -->
		<header id="header" class="mui-bar mui-bar-nav linearbg">
			<h1 class="mui-title">用户信息</h1>
			<!--<button class="mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>返回
			</button>-->
		</header>
		<!-- 底部跳转  -->
		<nav class="mui-bar mui-bar-tab">
			<a id="Tab1" class="mui-tab-item" href="#" onclick="_hrerf('Tab1')">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a id="Tab2" class="mui-tab-item mui-active" href="#" onclick="_hrerf('Tab2')"> 
				<span class="mui-icon-extra mui-icon-extra-gold"></span>
				<span class="mui-tab-label">分期</span>
			</a>
			<a id="Tab3" class="mui-tab-item" href="#" onclick="_hrerf('Tab3')">
				<span class="mui-icon-extra mui-icon-extra-peoples"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>					
		<!-- 主要内容 -->
		<div class="mui-content box" >
			<form>								
				<div class="mui-input-group">
					<div class="mui-input-row">
						<label>商品名称</label>
						<input type="text" name="" class="mui-text-right mui-input-clear" placeholder="请输入" maxlength="" >
					</div>
					<div class="mui-input-row">
						<label>商品类型</label>
						<input type="text" name="" class="mui-text-right mui-input-clear" placeholder="请输入" maxlength="" >
					</div>
					<div class="mui-input-row">
						<label>商品总价</label>
						<input type="text" name="" class="mui-text-right mui-input-clear" placeholder="请输入" maxlength="" >
					</div>
					<div class="mui-input-row">
						<label>首付金额</label>
						<input type="text" name="" class="mui-text-right mui-input-clear" placeholder="请输入" maxlength="" >
					</div>
					<div class="mui-input-row">
						<label>每月还款</label>
						<input type="text" name="" class="mui-text-right mui-input-clear" placeholder="请输入" maxlength="" >
					</div>					
					<div class="mui-input-row">
						<div class="mui-navigate-right">
							<label>选择期数</label>
							<input type="text" name="" class="mui-text-right" placeholder="请选择" readonly="readonly" >
							<input type="hidden" name=""/>
						</div>
					</div>																						
				</div>				
			</form>
			<div class="mui-content-padded mui-text-center">				
	            <a type="button" class="mui-btn mui-btn-danger linearbg" id="apply" style="margin-top: 60px;">确定</a>
			</div>			
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/mui.picker.js"></script>
		<script src="js/mui.picker.min.js"></script>		
		<script src="js/jsondata.js"></script>
		<script>
			/*************************** 菜单跳转 ****************************/
			function _hrerf(href) {				
				if(href === "Tab1") {					
					location.href = '';
				}else if(href === "Tab2") {					
					location.href = '';
				} else if(href === "Tab3") {					
					location.href = '';					
				} 
			}					
		</script>
	</body>
</html>
